﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <link rel="stylesheet" href="StyleSheet.css" />
</head>
<body>
    <div id="wrapper">
        <div id="nav">
            <span>
                你好，欢迎来到优尚购物[<a href="#">登录</a>/<a href="#">注册</a>]
            </span>
            <span class="nav-right">
                <a href="#">我的账户</a> |
                <a href="#">订单查询</a> |
                <a href="#">我的优惠券</a> |
                <a href="#">积分换购</a> |
                <a href="#">购物交流</a> |
                <a href="#">帮助中心</a>
            </span>
        </div>
        <div id="logo">
            <div class="logo">
                <a href="#">
                    <img src="images/logo.gif"/>
                </a>
            </div>
            <div class="search">
                <div class="search-box">
                    <div class="search-content">
                        <input type="text" value="请输入产品名称或订单编号" />
                    </div>
                    <div class="search-btn">
                        <a href="#">
                            <img src="images/search-btn.jpg" />
                        </a>
                    </div>
                </div>
               
                <div class="search-words">
                    热门搜索: <a href="#">新品</a>
                    <a href="#">限时特价</a>
                    <a href="#">防晒隔离</a>
                    <a href="#">超值换购</a>
                </div>
            </div>
            <div class="contact">
                <img src="images/telephone.jpg"/>
            </div>
        </div>
        <div id="menu">
            <div class="shopping-cart">
                <a href="#">购物车中有零件商品</a>
            </div>
            <div class="menu">
                <ul>
                    <li>
                        <a href="#">首页</a>
                    </li>
                    <li>
                        <a href="#">女装</a>
                    </li>
                    <li>
                        <a href="#">男装</a>
                    </li>
                    <li>
                        <a href="#">化妆品</a>
                    </li>
                    <li>
                        <a href="#">女包</a>
                    </li>
                    <li>
                        <a href="#">名表</a>
                    </li>
                </ul>
            </div>
        </div>
        <div id="banner">
            <div class="banner-left">
                <a href="#"><img src="images/banner.jpg" /></a>
            </div>
            <div class="banner-right">
                <div class="banner-event">
                    <a href="#"><img src="images/event_banner.jpg" /></a>
                </div>
                <div class="banner-text">
                    <img src="images/news_title.jpg"/>
                    <ul>
                        <li>
                            <a href="#">国庆五宗罪，纯牛皮钱包免费换！  </a>
                        </li>
                        <li>
                            <a href="#">
                                身体护理系列满199加1元换购飘柔！ </a>
                            </li>
                        <li>
                            <a href="#">
                                YOUSOO九月新起点，价值99元免费送！ </a>
                            </li>
                        <li>
                            <a href="#">
                                喜迎国庆，妆品百元红包大派送！</a>
                            </li>                        
                    </ul>
                </div>
            </div>
        </div>
        <div id="content1">
            <div class="content-title">
            <span><img src="images/con2_title.jpg"/></span>
                <div class="content-right">
                    <span>
                        <a href="#">新品速递</a>|
                        <a href="#">畅销排行</a>|
                        <a href="#">特价抢购</a>|
                        <a href="#">男士护肤</a>

                    </span>
                    <span><img src="images/ico_jt.jpg"/></span>
             </div>
            </div>
            <div class="content-link"></div>
            <div class="content-img">
                <a><img src="images/con2_content.jpg"/></a>
            </div>
            <div class="content-img-list">
                <a><img src="images/scroll_brand.jpg"/></a>
            </div>
            <div class="content-end"></div>
        </div>
        <div id="content2">
            <div class="content2">
                <span>
                    <a><img src="images/con4_title.jpg" /></a>
                </span>
                <div class="content2-end"></div>
                <div class="content2-right">
                    
                    <span>
                        <a href="#">新品速递</a>|
                        <a href="#">畅销排行</a>|
                        <a href="#">特价抢购</a>|
                        <a href="#">男士护肤</a>
                    </span>
                    <span><img src="images/ico_jt.jpg" /></span>
                </div>
            </div>
            <div class="conpent2-img">
                <a><img src="images/con4_content.jpg"/></a>
            </div>
        </div>
        <div id="footer">
            
            <div>
                <img src="images/copyright.jpg" />
            </div>
        </div>
    </div>
</body>
</html>
